<!--旅游景点-->
<template>
	<div>
		<common-header :tittle="tittle" :showmore="true" class="head"></common-header>
		<div class="page-content">

			<div class="box">
				<div>
					<ul class="list">
						<li>
							<span class="imgs"><img src="../../../assets/imgs/banner2.png" alt="" /></span>
							<div class="rg">
								<h3>曼根傣贡稻米</h3>
								<p class="brief">醇香口感 细滑丝腻</p>
								<div class="detail">查看详情</div>
							</div>
						</li>
						<li>
							<span class="imgs"><img src="../../../assets/imgs/banner2.png" alt="" /></span>
							<div class="rg">
								<h3>曼根傣贡稻米</h3>
								<p class="brief">醇香口感 细滑丝腻</p>
								<div class="detail">查看详情</div>
							</div>
						</li>
						<li>
							<span class="imgs"><img src="../../../assets/imgs/banner2.png" alt="" /></span>
							<div class="rg">
								<h3>曼根傣贡稻米</h3>
								<p class="brief">醇香口感 细滑丝腻</p>
								<div class="detail">查看详情</div>
							</div>
						</li>
					</ul>
				</div>

			</div>
		</div>
	</div>
</template>

<script>
	import commonHeader from 'common/common-header-back'

	import {
		Swipe,
		SwipeItem
	} from 'mint-ui';
	export default {
		data() {
			return {

				tittle: '旅游景点',

			}
		},
		components: {
			commonHeader,

		},
		computed: {

		},

		methods: {

		}
	}
</script>

<style scoped lang="less">
	@import "~styles/index.less";
	@import "~styles/variable.less";
	.header-box {
		z-index: 999;
	}
	
	.box {
		padding: 30px 15px 0 15px;
		.list {
			width: 100%;
			text-align: left;
			li {
				margin-bottom: 30px;
				width: 100%;
				display: flex;
				justify-content: flex-start;
				.imgs {
					margin-right: 20px;
					width: 128px;
					height: 75px;
					border-radius: 5px;
					overflow: hidden;
					display: inline-block;
					img {
						width: 100%;
						height: 100%;
					}
					
				}
				h3{
					font-size: 15px;
					color:#333;
					font-weight:bold;
					padding-bottom:12px;
				}
				.brief {
						padding: 0 0 12px 0;
						display: block;
						color:#999999;
						font-size: 12px;
					}
				.detail{
					color:#999999;
					font-size: 12px;
				}
			}
		}
	}
</style>